Jump to content

hAhol

Newbie
  • Posts

    20
  • Joined

  • Last visited

hAhol's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Хм..я об этом не подумал. А сейчас, закомментировав нужную часть CSS, убедился.. Большое спасибо за разъяснение, надо лучше изучить вопрос А возможно ли это как-то обойти? Ведь два других вышеозначенных браузера умудряются понять z-index в удобном мне ключе Я понимаю, что кардинальное решение проблемы - не использовать масштабирование средствами CSS и переключиться на что-то другое. И скорее всего это будет надежней, что ли. Даже если привязаться к размеру div'а. Но возможно ли обойтись "малой кровью"? ЗЫ В любом случае, поняв суть проблемы теперь я смогу решить её. Просто интересно
  2. доброго всем времени суток Хочу спросить помощи, так как самостоятельно не могу решить задачку. Суть изложена в названии темы - моя цель сделать некий div ссылкой. На страничке имеется выпадающая менюшка, сделанная на jQuery и CSS. Под ней есть див с картинкой внутри. Я использую ShadowBox, в итоге код получился для конструкции такой: <div id="имя"> <a href="путь" rel="shadowbox;width=640;height=480" title="что-то"> <img src="путь" title="что-то" alt="название" class="pic"/> </a> </div> У менюшки описан z-index: 5, ввиду того что картинка обновляется скриптом и иногда возникает эффект "мерцания" этой самой менюшки. То бишь перекрывается она. Сворачивается и не всегда разворачивается обратно. Для div'а z-index не описан, а для класса pic он описан в -1 (использую для масштабирования средствами CSS - вариация на это) Проблема выглядит так: в IE8 и Опере 10.50 все работает, менюшка красивая и ссылки нажимаются да и картинки обновляются. А вот в огнелисе 3.6 не работают ссылки. Остальное без проблем. Я тут же двинулся к валидатору, однако он выдает зеленую карточку Тогда я решил поэкспериментировать с z-index у меню и картинок с div'ами. Однако в огнелисе ссылки так и не нажимаются, хотя менюшка "испортилась" морганием так же, как и в осле с оперой. Да, под неработоспособностью ссылки я имею ввиду то, что огнелис в принципе как ссылку этот объект не воспринимает. Даже если нажать правой кнопкой мыши. Для него это просто картинка. Доктайп странички: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Для ссылок в CSS описаны только цветовые параметры (посещенная и не посещенная). Еще я точно знаю, что раньше у меня в огнелисе все работало. Собственно я в нем всегда и делал (FireBug в помощь ). Потом огнелис обновился, а я подкручивал для корректного отображения в IE - и когда открыл в лисичке, то получил такую головоломку. К сожалению, я не помню на которой версии у меня точно работало. z-index у менюшки и класса pic не менялся с тех пор, как все работало в лисе. Я постарался описать максимально полно суть возникшей проблемы и все пути, что я попробовал. Буду благодарен за любую идею, заранее спасибо.
  3. [offtopic] А разве обязательно изобретать велосипед? Можно же взять готовые решения и переделать под себя. В интернете масса свободнодоступных менюшек - от просто выпадающих до "аккордеонов" разной ориентации. [/offtopic]
  4. Большое спасибо Очень помогли. Да, он умеет веб-камеры, но только по RTMP. Буду разбираться Еще раз спасибо
  5. Доброго времени суток Не получается ответить на вопрос один, может подскажете.. Имеется камера, к которой доступ только по сети, благо что под админом. Все контакты с ней возможны только через ослика, так как всё завязано на ActiveX. Камера вот - http://91.151.240.240/ Получается, что ввожу логин-пароль - она проверяет, что мне можно. И если можно смотреть, то показывает. Кажется всё просто.. Меня интересует - можно ли выдрать видео-поток куда-то отдельно? Скажем вставить объектом в страничку, которая сможет открываться везде, а не только в ИЕ? Я понимаю, что тут будет небольшая запинка с рассказом камере, кто к ней подключился. Я что-то попользовал гугл, но так и не понял - возможно ли отделение видеопотока.. Просто если можно это сделать, то я буду искать как Потому при ответе "да, можно", я бы очень был благодарен паре слов о направлении поисков Моей целью является прикрутить эту камеру к другим, что у меня уже есть на одной страничке. Остальные камеры просто отдают стоп-кадры, которые я отображаю (перезагружая картинку через равные промежутки, получая видимость "живой" камеры). Разумеется, данную камеру тоже можно научить делать стоп-кадры, но к ней (в отличие от других) я имею доступ, а потому есть идея прикручивать именно видеопоток, а не стоп-кадры. Заранее спасибо
  6. ShadowBox В некоторых случаях из пушки по воробьям, но данный скрипт очень хорош. ИМХО, разумеется
  7. Подменить src изображений в таблице, для их обновления..
  8. Добрый день всем. Подсмотрел на одной страничке скриптик: function refr() { var bk = document.getElementById("t"); if(!bk) return false; var el = bk.getElementsByTagName("img"); if(!el) return false; var ell = el.length; var d = new Date(); var par = d.getHours() + "" + d.getMinutes(); for(var i = 0; i < ell; i++) { el[i].src = el[i].src + "?par=" + par; } } var tm = setInterval("refr()", 1000); Он обновляет картинки методом замены src. Сначала обращается к таблице (первая строка, id "t"). Потом собственно к картинкам (tag "img"). А потом начинает на основе даты мотать src (обновление раз в секунду). Не смог в оригинале найти управление данным скриптом. Если пользую в таком виде, неплохо кушает процессорное время и запасы RAM. Не мог бы кто подсказать, в какую сторону копать? Я так понимаю, надобно время от времени очищать кэш.. Или ерунду собираю?
  9. #myslidemenu { position: relative; z-index: 100; display: table; table-layout: auto; } Это в теле моей странички. Ссылаюсь на id div'а, в котором меню. Собственно, два последних параметра заставляют (я так думаю) быть его резиновым. А это - .jqueryslidemenu{ font: bold 12px Verdana; background: #414141; margin: 0 auto; в css файле меню самого. Класс того же самого div'а. Зачем margin, понятно
  10. Спасибо, но тут "или-или". Либо автоподгонка размера с помощью "float: left" в классе этого меню, либо выравнивание по центру с помощью "margin: 0 auto". Я нашел другое решение (кажется ): в свойствах CSS я указываю менюшке по её id два параметра: "display: table; table-layout: auto;". А в CSS-файле самого меню (там все по классам) говорю "margin: 0 auto". Усе работает Если еще и у заказчика заработает, то я счастлив
  11. Экспериментирование - самое главное Как правило именно там рождается истина. Или очередной велосипед :-D По теме - да, мне желательно резиновый width и по центру верхнего края экрана. Первое - из-за того, что данное меню на другом разрешении выглядит не так - расползается на две строчки (последний Folder переносится на "новую" строку). А по центру - из-за эргономики и любви к симметрии У меня там преимущественно картинки в ячейках, если не по центру (а как в случае "float: left" слева) то одна из ячеек частично перекрывается. Я понимаю, очень мало, но тем не менее. Не эстетично. Плюс заказчик тоже кривит личность...
  12. Можно я здесь же спрошу про саму менюшку? Вот её css: .jqueryslidemenu{ font: bold 12px Verdana; background: #414141; min-width: 392px; width: 392px; max-width: 500px; margin:0 auto; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: #414141; /*background of tabs (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: black; /*tab link background during hover state*/ color: white; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } Мои изменения - min-width, max-width и значение width в описании первого класса. Мне нужно, чтоб полосочка, на которой располагается меню (первый класс её описывает, как я понимаю) автоматически изменяла ширину под содержимое, что там будет. Ну и не зависела от разрешения/размера. Как это сделать? Вместо всех width'ов можно вставить float:left, и это решает задачу, но тогда меню не по центру... И я не могу пользоваться связкой left: 50% + margin-left: -xx, так как ширина не фиксирована
  13. Я не в курсе Лайтбокс и тинибокс были отклонены потому, что не могут того, что мне надо. Потому пришел к лайтвиндоу. А скорость шэдоу меня вполне устраивает, тем более она настраивается, как я понял.
  14. Проблема решилась использованием ShadowBox'а. Большое спасибо за помощь
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy